<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
	<%@ taglib prefix="minhaTag" uri="http://localhost:8080/Forca"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="scripts/actions.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Jogo da Forca</title>

</head>
<script type="text/javascript">
//somente um digito
function limita(palavra,limite) {
	   nova='';
	   for(i=0;i<limite;i++) {
	      nova+=palavra.substr(i,1);
	   }
	   return nova;
	}
</script>
<body>
	Bem vindo
	<%
	String nome = (String) request.getSession().getAttribute(
			"nomeJogador");
%>
	<%
		if (nome != null)
	%><%=nome%>
	<br /> Nivel escolhido foi:
	<%
		String nivel = (String) request.getSession().getAttribute("nivel");
	%>
	<%
		if (nivel != null)
	%><%=nivel%>

	<%
		String imgSrc = (String) request.getSession().getAttribute("Forca");
	%>
	<%
		if (imgSrc != null)
	%>
	<minhaTag:imgTag url="<%=imgSrc%>"/>
	
	<!--<br /> Palavra escolhida randomicamente para este nivel foi:
	<%String palavra = (String) request.getSession().getAttribute(
					"palavra");%>
	<%if (palavra != null)%><%=palavra%>
	 <br /> Dica 1:
	<%String dica1 = (String) request.getSession().getAttribute("dica1");%>
	<%if (dica1 != null)%><%=dica1%>
	<br /> Dica 2:
	<%String dica2 = (String) request.getSession().getAttribute("dica2");%>
	<%if (dica2 != null)%><%=dica2%>
 -->

	<br /> FORCA
	<br />
	<br />
	<%
		String espacoLetras = (String) request.getSession().getAttribute(
				"espacoLetras");
	%>
	<%
		if (espacoLetras != null)
	%><%=espacoLetras%>

	<br />
	<br />
	<form id="frmForca" name="frmForca" method="post" action="">
		<table>
			<tr>
				<td>Letra</td>
				<td><input type="text" name="txtLetra" id="txtLetra" size="20" maxlength="1" /></td>
			</tr>
			<tr>
				<td colspan="2"><input type="button" id="btnEnviar" name="btnEnviar" value="Enviar"
					onClick="javascript:validar('jogarLetra')"  /></td>
			</tr>
			<tr>
				<td>Chutar Palavra</td>
				<td><input type="text" name="txtChutarPalavra" id="txtChutarPalavra" size="20" ;" /></td>
			</tr>
			<tr>
				<td colspan="2"><input type="button" value="Adivinhar"
					onClick="javascript:validar2('jogarAdivinhar')" /></td>
			</tr>
			<tr>
				<td colspan="2"><font style="color: blue"> <%
 	String apareceDica1 = (String) request.getSession().getAttribute(
 			"apareceDica1");
 %> <%
 	if (apareceDica1 != null)
 %><%=apareceDica1%></font></td>
			</tr>
			<tr>
				<td colspan="2"><font style="color: blue"> <%
 	String apareceDica2 = (String) request.getSession().getAttribute(
 			"apareceDica2");
 %> <%
 	if (apareceDica2 != null)
 %><%=apareceDica2%></font></td>

			</tr>
			<tr>
				<td colspan="2">Chances: <%
					String chances = (String) request.getSession().getAttribute(
							"chances");
				%> <%%><%=chances%></td>
			</tr>
			<tr>
				<td><font style="color: green">Acertos: <%
					String acertos = (String) request.getSession().getAttribute(
							"acertos");
				%> <%%><%=acertos%></font></td>
				<td><font style="color: red">Erros: <%
					String erros = (String) request.getSession().getAttribute("erros");
				%> <%%><%=erros%></font></td>
			</tr>

			<tr>
				<td colspan="2">
					<%
						String statusJogo = (String) request.getSession().getAttribute(
								"statusJogo");
					%> <%
 	if (statusJogo != null)
 %><%=statusJogo%></td>
			</tr>
			<tr>
				<td colspan="2">Historico de letras digitadas <br /> <%
 	String hist = (String) request.getSession().getAttribute(
 			"historico");
 %> <input type="text" id="txtHist" name="txtHist" size="50"
					readonly="readonly" value='<%if (hist != null)%><%=hist%>' /></td>
			</tr>
			<tr>
				<td colspan="2">
					<%
						String acabouJogo = (String) request.getSession().getAttribute(
								"acabouJogo");
					%> <%
 	if (acabouJogo != null)
 %><%=acabouJogo%></td>
			</tr>
			<tr>
				<td colspan="2"><input type="button" value="Voltar"
					onClick="javascript:voltar('voltarPrincipal')" /></td>
			</tr>
		</table>
	</form>
	<script>
	function validar(paramAcao) {
		var letra = document.frmForca.txtLetra.value;
		
		if (letra != "")
		{
			document.frmForca.action="<%=request.getContextPath()%>/ForcaServlet?acao="+ paramAcao;
			document.frmForca.submit();
		} else if (letra == "") {
			alert("Favor preencher uma LETRA !");
		}

	}
	function validar2(paramAcao) {
		var palavra = document.frmForca.txtChutarPalavra.value;
		
		if (palavra != "")
		{
			document.frmForca.action="<%=request.getContextPath()%>/ForcaServlet?acao="+ paramAcao;
			document.frmForca.submit();
		} else if (palavra == "") {
			alert("Favor digitar uma palavra !");
		}

	}
		
	
	function novoJogo() {
			document.frmForca.action="<%=request.getContextPath()%>/ForcaServlet?acao=novoJogo";
			document.frmForca.submit();
			}
	
	
	
	function voltar(paramAcao) {
		document.frmForca.action="<%=request.getContextPath()%>/ForcaServlet?acao="
					+ paramAcao;
			document.frmForca.submit();
		}
	</script>
</body>
</html>